<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>cake</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/comm.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/distribution.css"/>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  		<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header">
				<div class="container-fluid">
				<nav class="navbar navbar-default container index-top">
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
							<a class="navbar-brand index-logo" href="index.html">
								<img src="img/logo.png" alt="" class="images" classs="animated jackInTheBox"/>
							</a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li>
									<a href="index.html" class="color-hover">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li>
									<a href="cake.html" class="color-hover">蛋糕</a>
								</li>
								<li>
									<a href="cake.html" class="color-hover">冰淇淋</a>
								</li>
								<li>
									<a href="cake.html" class="color-hover">小切块</a>
								</li>
								<li>
									<a href="distribution.html" class="color-hover">全国配送</a>
								</li>
								<li>
									<a href="#" class="color-hover">企业专区</a>
								</li>
							</ul>
							<ul class="nav navbar-nav navbar-right index-sing">
								<li class="dropdown">
									<a href="#" class="dropdown-toggle color-hover" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">广州 <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#" class="color-hover">深圳</a>
										</li>
										<li>
											<a href="#" class="color-hover">上海</a>
										</li>
										<li>
											<a href="#" class="color-hover">北京</a>
										</li>
										<li>
											<a href="#" class="color-hover">佛山</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#" class="color-hover">消息</a>
								</li>
								<li>
									<p class="color index-signIn">
										<a href="./sign.html" class="color-hover">登录</a>/
										<a href="#" class="color-hover">注册</a>
									</p>
								</li>
								<li>
									<a href="#" class="color-hover">购物车</a>
								</li>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</nav>

			</div>
		</div>
		<div>
			<img src="img/national_02.jpg" alt="" class="img-responsive center-block"/>
		</div>
		<!--配送产品-->
		<div class="container dis">
			<div class="col-md-3 dis-content col-xs-6">
				<a href="javascript:;" class="color-hover">
					<img src="img/1488183006000.jpg" alt="" class="img-responsive center-block"/>
					<p class="text-center">巴西喜拉多咖啡2盒</p>
				</a>
				<p class="colors text-center fone_size_one">¥200.00/份</p>
				<div class="dis-money">
					<a href="javascript:;" class="col-md-6 col-md-push-3 dis-money-an fone_size_one col-xs-8 col-xs-push-2">订购</a>
					<div class="dis-money-num col-md-6 col-md-push-3 col-xs-8 col-xs-push-2">
						<div class="clearfix row">
							<input type="button" value="-" class="dis-money-num-l fl color-hover"/>
							<input type="text" value="1" class="dis-money-num-text fl color"/>
							<input type="button" value="+" class="dis-money-num-r fl color-hover"/>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-3 dis-content col-xs-6">
				<a href="javascript:;" class="color-hover">
					<img src="img/1488529334000.jpg" alt="" class="img-responsive center-block"/>
					<p class="text-center">耶加雪菲咖啡 2盒</p>
				</a>
				<p class="colors text-center fone_size_one">¥200.00/份</p>
				<div class="dis-money">
					<a href="javascript:;" class="col-md-6 col-md-push-3 dis-money-an fone_size_one col-xs-8 col-xs-push-2">订购</a>
					<div class="dis-money-num col-md-6 col-md-push-3 col-xs-8 col-xs-push-2">
						<div class="clearfix row">
							<input type="button" value="-" class="dis-money-num-l fl color-hover"/>
							<input type="text" value="1" class="dis-money-num-text fl color"/>
							<input type="button" value="+" class="dis-money-num-r fl color-hover"/>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-3 dis-content col-xs-6">
				<a href="javascript:;" class="color-hover">
					<img src="img/1488529356000.jpg" alt="" class="img-responsive center-block"/>
					<p class="text-center">耶加雪菲和巴西喜拉多</p>
				</a>
				<p class="colors text-center fone_size_one">¥200.00/份</p>
				<div class="dis-money">
					<a href="javascript:;" class="col-md-6 col-md-push-3 dis-money-an fone_size_one col-xs-8 col-xs-push-2">订购</a>
					<div class="dis-money-num col-md-6 col-md-push-3 col-xs-8 col-xs-push-2">
						<div class="clearfix row">
							<input type="button" value="-" class="dis-money-num-l fl color-hover"/>
							<input type="text" value="1" class="dis-money-num-text fl color"/>
							<input type="button" value="+" class="dis-money-num-r fl color-hover"/>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--配送地址-->
		<div class="container dis-address">
			<p class="dis-address-top color">
				订单信息
			</p>
			<div class="col-md-12 dis-address-content col-xs-12">
				<div class="col-md-7 col-xs-12">
					<ul class="dis-address-ul">
						<li class="col-md-12 col-xs-12">
							<div class="row">
								<span class="col-md-2 col-xs-5 dis-address-span row">收货人：</span>
								<input type="text" class="col-md-4 col-xs-7 dis-address-text" placeholder="收货人姓名"/>
							</div>
						</li>
						<li class="col-md-12 col-xs-12">
							<div class="row">
								<span class="col-md-2 col-xs-5 dis-address-span row">联系方式：</span>
								<input type="text" class="col-md-4 col-xs-7 dis-address-text" placeholder="收货人联系方式"/>
							</div>
						</li>
						<li class="col-md-12 col-xs-12">
							<div class="row">
								<span class="col-md-2 col-xs-5 dis-address-span row">城市：</span>
								<div class="col-md-10 dis-select col-xs-7">
								    <div class="row">
								    	<select name="input_province" id="input_province" class="col-md-3 col-xs-12">
									      <option value="">省</option>
									    </select>
									    <select name="input_city" id="input_city" class="col-md-3 col-xs-12">
									      <option value="">市</option>
									    </select>
									    <select name="input_area" id="input_area" class="col-md-3 col-xs-12">
									      <option value="">区/县</option>
									    </select>
								    </div>
								  </div>
							</div>
						</li>
						<!--<li class="col-md-12">
							<div class="row">
								<span class="col-md-2 dis-address-span">详细地址：</span>
								<textarea name="" rows="" cols="" class="col-md-6 dis-textarea" placeholder="请输入详细地址"></textarea>
							</div>
						</li>-->
					</ul>	
				</div>
				<div class="col-md-4 col-md-push-1 col-xs-12">
					<div class="dis-over">
						<div class="row">
							<p class="color col-xs-6 col-md-12">商品金额：¥0.00</p>
							<p class="color col-xs-6 col-md-12">配送费：¥0.00</p>
						</div>
						<hr />
						<p class="color">合计：¥0.00</p>
						<p class="colors">发货及到货时间参考产品详情页说明</p>
					</div>
					<a href="javascript:;" class="col-md-6 col-md-push-6 dis-over-an col-xs-8 col-xs-push-2">
						在线付款
					</a>
				</div>
			</div>
		</div>
		
		
		
		
		
		
		
		
		
		
		<script type="text/javascript">
			$(function () {
			        var html = "";
			        $("#input_city").append(html); $("#input_area").append(html);
			        $.each(pdata,function(idx,item){
			            if (parseInt(item.level) == 0) {
			                html += "<option value='" + item.names + "' exid='" + item.code + "'>" + item.names + "</option>";
			            }
			        });
			        $("#input_province").append(html);
			        $("#input_province").change(function(){
			            if ($(this).val() == "") return;
			            $("#input_city option").remove(); $("#input_area option").remove();
			            var code = $(this).find("option:selected").attr("exid"); code = code.substring(0,2);
			            var html = "<option value=''>--请选择--</option>"; $("#input_area").append(html);
			            $.each(pdata,function(idx,item){
			                if (parseInt(item.level) == 1 && code == item.code.substring(0,2)) {
			                    html += "<option value='" + item.names + "' exid='" + item.code + "'>" + item.names + "</option>";
			                }
			            });
			            $("#input_city").append(html);
			        });
			        $("#input_city").change(function(){
			            if ($(this).val() == "") return;
			            $("#input_area option").remove();
			            var code = $(this).find("option:selected").attr("exid"); code = code.substring(0,4);
			            var html = "<option value=''>--请选择--</option>";
			            $.each(pdata,function(idx,item){
			                if (parseInt(item.level) == 2 && code == item.code.substring(0,4)) {
			                    html += "<option value='" + item.names + "' exid='" + item.code + "'>" + item.names + "</option>";
			                }
			            });
			            $("#input_area").append(html);
			        });
			});
		</script>
		<script src="http://www.snschina.com/wp-content/uploads/2017/07/884d9804999fc47a3c26.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>